<template>
  <div class="hall-wrap common-wrap">
    <div class="common-title">
      音乐馆
    </div>
    <TopNav :navList="navList" />
    <div class="page-content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import TopNav from '@/components/TopNav.vue';

export default {
  data() {
    return {
      navList: [
        {
          title: '精选',
          id: 11,
          path: '/hall/featured',
        },
        {
          title: '排行',
          id: 12,
          path: '/hall/rank',
        },
        {
          title: '歌手',
          id: 13,
          path: '/hall/artist',
        },
        {
          title: '歌单',
          id: 14,
          path: '/hall/playlist',
        },
      ],
    };
  },
  components: {
    TopNav,
  },
};
</script>

<style></style>
